import React, {
    Component
  } from 'react';
  import {
    View,
    Text,
    StyleSheet,
    TouchableWithoutFeedback
  } from 'react-native';

import { width, height, totalSize } from 'react-native-dimension';
  
import px2dp from '../utils/px2dp'
  
const InputHeight = px2dp(28)
  
class CLTagView extends Component {
    constructor(props) {
      super(props);
    }

    render() {
        return <View style={[styles.tagContainer,this.props.customStyle]}>
            <Text style={[{fontSize: 15, color:"white"},this.props.textStyle]}>{this.props.title}</Text>
        </View>
    }
}

const styles = StyleSheet.create({
    tagContainer: {
        borderWidth:1,
        borderColor:"white",
        flexDirection: "row",
        alignItems: "center",
        paddingHorizontal: 10,
        paddingVertical:5,
        borderRadius: 3,
      },
});

export default CLTagView;